<template>
  <div>

  </div>
</template>

<script setup>

</script>

<style>

</style>

<!-- <template>
  <div>
    <form>
      <imput v-model="nickname" type="text" id="nickname" placeholder="请输入昵称" required/>
      <textarea v-model="message" id="message" placeholder="请输入留言" required></textarea>
      <button type="submit">提交</button>
    </form>

    <ul>
      <li v-for="(msg, index) in messages" :key="msg.timestamp">
        {{ msg.nickname }}: {{ msg.message }}
        <button>删除</button>
      </li>
    </ul>
  </div>
</template>

<script setup>
import { ref } from 'vue';

//定义变量来储存昵称和留言
const nickname = ref('');
const message = ref('');

//处理表单提交
const formsubmit =() => {
  //定义一个对象来储存表单数据
  const formData = {
    nickname: nickname.value,
    message: message.value,
    timestamp: new Date().toISOString()
  };

}



</script>

<style>

</style> -->
